<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="/img/index_logo.jpg">
    <title>密 集 架 系 统</title>
    <!-- 依 赖 样 式 -->
    <link rel="stylesheet" href="/component/pear/css/pear.css"/>
    <!-- 加 载 样 式 -->
    <link rel="stylesheet" href="/admin/css/loader.css"/>
    <!-- 布 局 样 式 -->
    <link rel="stylesheet" href="/admin/css/admin.css"/>
    <style>
        .fontColor {
            color: black;
        }

        .layui-form-select dl dd, .layui-form-select dl dt {
            color: black;
        }

        .earlyWarningRed {
            color: red !important;
        }

        .earlyWarningBlack {
            color: black !important;
        }

        /*弹出层关闭按钮样式*/
        .layui-layer-setwin .layui-icon-close {
            font-size: 18px;
        }

        /*弹出层圆角*/
        .layui-layer-radius {
            border-radius: 10px;
        }

    </style>
</head>
<!-- 结 构 代 码 -->
<body class="layui-layout-body pear-admin">
<!-- 布 局 框 架 -->
<div class="layui-layout layui-layout-admin">
    <!-- 顶 部 样 式 -->
    <div class="layui-header">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
            <!-- 图 标 -->
            <img class="logo"></img>
            <!-- 标 题 -->
            <span class="title"></span>
        </div>
        <!-- 顶 部 左 侧 功 能 -->
        <ul class="layui-nav layui-layout-left">
            <li class="collapse layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
            <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
        </ul>
        <!-- 多 系 统 菜 单 -->
        <div id="control" class="layui-layout-control"></div>
        <!-- 顶 部 右 侧 菜 单 -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide-xs">
                <a href="#" class="menuSearch layui-icon layui-icon-search"></a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
            <li class="layui-nav-item user">
                <!-- 头 像 -->
                <a href="javascript:;">
                    <img src="/img/user.svg">
                    <span class="userName" th:text="${userName}"></span>
                </a>
                <!-- 功 能 菜 单 -->
                <dl class="layui-nav-child">
<!--                    <dd><a user-menu-url="test1.html" user-menu-id="1001" user-menu-title="基本资料">基本资料</a></dd>-->
                    <dd><a user-menu-url="/my/user/changePwd" user-menu-id="1002" user-menu-title="修改密码">修改密码</a></dd>
                    <dd><a href="/logout" class="logout">注销登录</a></dd>
                </dl>
            </li>
            <!-- 主 题 配 置 -->
            <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
        </ul>
    </div>
    <!-- 侧 边 区 域 -->
    <div class="layui-side layui-bg-black">
        <!-- 菜 单 顶 部 -->
        <div class="layui-logo">
            <!-- 图 标 -->
            <img class="logo"></img>
            <!-- 标 题 -->
            <span class="title"></span>
        </div>
        <!-- 菜 单 内 容 -->
        <div class="layui-side-scroll">
            <div id="sideMenu"></div>
        </div>
    </div>
    <!-- 视 图 页 面 -->
    <div class="layui-body">
        <!-- 内 容 页 面 -->
        <div id="content"></div>
    </div>
    <!-- 页脚 -->
    <!--    <div class="layui-footer layui-text">-->
    <!--				<span class="left">-->
    <!--					<span>-->
    <!--						官网：<a href="http://www.pearadmin.com/team.html" target="_blank">www.pearadmin.com</a>&nbsp;&nbsp;&nbsp;-->
    <!--						仓库：<a href="https://gitee.com/pear-admin/Pear-Admin-Layui"-->
    <!--                              target="_blank">gitee.com/pear-admin</a>-->
    <!--					</span>-->
    <!--				</span>-->
    <!--        <span class="center"></span>-->
    <!--        <span class="right"></span>-->
    <!--    </div>-->
    <!-- 遮 盖 层 -->
    <div class="pear-cover"></div>
    <!-- 加 载 动 画 -->
    <div class="loader-main">
        <!-- 动 画 对 象 -->
        <div class="loader"></div>
    </div>
</div>
<!-- 移 动 端 便 捷 操 作 -->
<div class="pear-collapsed-pe collapse">
    <a href="#" class="layui-icon layui-icon-shrink-right"></a>
</div>
<!-- 依 赖 脚 本 -->
<script src="/component/layui/layui.js"></script>
<script src="/component/pear/pear.js"></script>
<!-- 框 架 初 始 化 -->
<script>
    layui.use(['admin', 'toast'], function () {
        let admin = layui.admin;
        admin.setConfigType("yml");
        admin.setConfigPath("config/pear.config.yml");

        admin.render();
        // 登出逻辑
        // admin.logout(function () {
        //     popup.success("注销成功", function () {
        //         location.href = "login.html";
        //     })
        //     // 注销逻辑 返回 true / false
        //     return true;
        // })
        // 初始化消息回调
        // admin.message();
        // admin.message(function(id, title, context, form) {});

        // window.location.href = "/console";
    })
</script>
</body>
</html>